html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 6.2vw; overflow:auto;}
body { margin: 0; font-size: 0.6rem; line-height: 1.5; color: #000; background:#fff;height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
*{-webkit-overflow-scrolling: touch;}
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000; }
a:active { outline: 0; }
a:active { color: #006699; }
b, strong { font-weight: bold; }
img { border: 0; vertical-align: middle; width: 100%;display: block; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: vertical; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;font-weight: normal;  }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1{padding:0.5rem 0 .15rem;}
input,textarea,a{outline: none;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }

/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

body{position: relative;overflow: hidden;}
.wrap{position: relative;overflow-x: hidden;overflow-y:auto;  }
.main{background: #5ca1bf url("../img/bg.jpg") repeat-y center 10rem;background-size: 100%;}
.wm_content{background: url("../img/top.jpg") no-repeat;background-size: 100%; min-height: 32rem;}
.logo{width: 5rem;padding:1rem 1rem 1.5rem;}
.slogin{height: 14.4rem;}
.slogin div{padding:.5rem 0 0;}
.rulbtn{position: absolute;right: 0;top:12rem;background: #205c78;color: #fff;width: 1.4rem;border-radius: .25rem 0 0 .25rem;}
.rulbtn span{display: block;width: .7rem;margin:0 auto; line-height: .6rem;font-size: .6rem;padding:.5rem 0;text-align: center;}
.box{background: linear-gradient(rgba(255,255,255,.88) 0,rgba(225,230,231,.99) 1.5rem,rgba(255,255,255,.92) 80%,rgba(255,255,255,.8)) 100%;border-radius: .25rem;padding:.65rem;margin:1rem .65rem;}
.box h2{font-size: .75rem;text-align: center;color: #333;font-weight: 700;padding:.15rem 0 .75rem;}
.form .cum,.sel div span{border:1px solid #5ca1bf;background: #fff;border-radius: .25rem;margin-bottom: .5rem;overflow: hidden;}
.form .cum input{font-size: .6rem;padding:.4rem .5rem;border-radius: .25rem;width: 100%;border:none;display: block;box-sizing: border-box;}
.carcodebox{position: relative;}
.carcodebox span{position: absolute;left: 0;top: 0;display: block;padding: .3rem .5rem;}
.form .cum.carcodebox input{padding-left: 1.3rem; }
.filebox{min-height: 6rem;position: relative;}
.filebox input{position: absolute;height: 100%;width: 100%;opacity: 0;z-index: 9}
.filebox label{position: relative;z-index: 1;position: absolute;width: 100%;left: 0;top:50%;margin-top: -1.5rem;height: 3rem;text-align: center;}
.filebox label i{display: block;width: 1.5rem;height: 1.5rem;background: transparent;margin:0 auto;position: relative;}
.filebox label i:after{content: "";width: 100%;height: 4px;background: #a9cddd;display: block;border-radius: 2px;position: absolute;top:50%;left: 0;margin-top: -2px;}
.filebox label i:before{content: "";height: 100%;width: 4px;background: #a9cddd;display: block;border-radius: 2px;position: absolute;left:50%;top: 0;margin-left: -2px;}
.filebox label span{color:#ccc;font-size: .5rem;padding-top: .5rem;display: block;}
.btn{background: #5ca1bf;border:none;height: 1.8rem;border-radius: .9rem;width: 100%;font-size: .65rem;color: #fff;box-shadow:0.1rem .2rem .2rem rgba(92,161,161,.25);margin-bottom: .5rem;letter-spacing:.035rem;}
.filebox .newImg{width: 100%;z-index: 0;background: #000;}
.filebox .newImg img{opacity: .5;}
.liucheng{padding-bottom: 1.5rem;}
.liucheng p{line-height: 1.05rem;}

.sel{overflow: hidden;}
.sel div{width: calc(50% - 0.25rem);float: left;position:relative;}
.sel div:nth-child(2){float: right;}
.sel div span{display:block; padding:.5rem 1.25rem .5rem .5rem;color:#5ca1bf;position: relative;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.sel div:after{content: "";position: absolute;right:.5rem;top:50%;width: 0;height: 0;border-right:.35rem solid transparent;	border-left:.35rem solid transparent;border-top:.5rem solid #5ca1bf;margin-top: -.5rem;}
.fwz{background: linear-gradient(rgba(255,255,255,.8) 0,rgba(245,245,245,.8) 1.5rem,rgba(245,245,245,.88) 5rem,rgba(255,255,255,.88) 6.6rem,rgba(255,255,255,.7) 6.61rem,rgba(255,255,255,.7)) 100%;;}
.fwz p{text-align: center;color: #b8b8b8;font-size: .6rem;}
.fwz ul{padding-top: 1rem;}
.fwz ul li{padding:.65rem 0;border-bottom: 1px solid #96c3d6;}
.fwz ul li b{display: block;color:#333;font-size: .625rem;font-weight: 500;}
.fwz ul li span{display: block;font-size: .55rem;color: #666;padding-top: .2rem;}
.more{width: 1rem;height: 1rem;display: block;margin:1rem auto .6rem;position: relative;}
.more:after{content: "";width: .4rem;height: .4rem;border-right: 2px solid #739db0;border-bottom: 2px solid #739db0;transform: rotate(45deg);display: block;position: absolute;top:0;left: 50%;margin-left: -.2rem;}
.more:before{content: "";width: .4rem;height: .4rem;border-right: 2px solid #739db0;border-bottom: 2px solid #739db0;transform: rotate(45deg);display: block;position: absolute;top:9px;left: 50%;margin-left: -.2rem;}
.bq{color:rgba(255,255,255,.8);text-align: center;font-size: .55rem;padding-bottom: 1rem;}

.floatbox{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);overflow: auto;z-index: -99;opacity: 0;}
.floatbox.show{transition: .3s;z-index: 99;opacity:1;}
.floatbox.leave{transition: .3s .3s;opacity: 0;}
.floatbox .info{background: #fff;border-radius: .25rem;margin:3rem .7rem 5rem;padding:.6rem;position: relative;transform: translateY(-400%);transition: .5s;}
.floatbox .info p{line-height: 1.05rem;}
.floatbox.show .info{transform: translateY(0);}
.floatbox.leave .info{transform: translateY(-400%);}
.floatbox .info h2{font-size: .65rem;color:#333;font-weight: 700;margin-top: 1rem;}
.floatbox .info h2:nth-child(1){margin-top: 0;}
.floatbox .info p{padding:.25rem 0;}
.floatbox .info p span{color:#5ca1bf;}
.floatbox .info p a{color: #5ca1bf;}
.floatbox .btn{display: block;text-align: center;line-height: 1.82rem;margin-top: .45rem;}
.floatbox .info .close{border:2px solid #fff;border-radius: 50%;width: 1.24rem;height: 1.24rem;position: absolute;bottom:-2rem;left: 50%;margin-left: -.5rem;}
.floatbox .info .close:after{content:"";display: block;width: .7rem;height: 2px;background: #fff;transform: rotate(45deg);position: absolute;left: .28rem;top:.56rem;}
.floatbox .info .close:before{content:"";display: block;width:.7rem;height: 2px;background: #fff;transform: rotate(-45deg);position: absolute;left: .28rem;top: .56rem;}

.floatbox2{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);overflow: auto;z-index: -99;opacity: 0;}
.floatbox2.show{transition: .3s;z-index: 99;opacity:1;}
.floatbox2.leave{transition: .3s .3s;opacity: 0;}
.floatbox2 .info{background: #fff;border-radius: .25rem;margin:1.5rem .7rem;padding:.6rem;position: relative;transform: translateY(-400%);transition: .5s;}
.floatbox2.show .info{transform: translateY(0);}
.floatbox2.leave .info{transform: translateY(-400%);}
.floatbox2 .info .close{border:2px solid #fff;border-radius: 50%;width: 1.24rem;height: 1.24rem;position: absolute;bottom:-2rem;left: 50%;margin-left: -.5rem;}
.floatbox2 .info .close:after{content:"";display: block;width: .7rem;height: 2px;background: #fff;transform: rotate(45deg);position: absolute;left: .28rem;top:.56rem;}
.floatbox2 .info .close:before{content:"";display: block;width:.7rem;height: 2px;background: #fff;transform: rotate(-45deg);position: absolute;left: .28rem;top: .56rem;}

.error{color:red;text-align: center;padding-bottom: .25rem;}

.floatbox3{position: absolute;z-index: -999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;}
.floatbox3.show{transition: .3s;z-index: 99;opacity:1;}
.floatbox3.leave{transition: .3s .3s;opacity: 0;}
.floatbox3 .info{position: absolute;bottom: 0;width: 100%;transform: translateY(100%);transition: .5s;}
.floatbox3 .info div,.floatbox3 .info span{display:block;width: 80%;margin:.5rem auto;border-radius: 1rem;text-align: center;background: #fff;height: 1.5rem;position: relative;line-height: 1.5rem;}
.floatbox3 .info div input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;}
.floatbox3 .info span{background: rgba(255,255,255,.5);}

.floatbox3.show .info{transform: translateY(0);}
.floatbox3.leave .info{transform: translateY(100%);}
.form .tip{text-align: center;opacity: .4;}

.errorbox{background: #fff;position: absolute;top:50%;left:50%;width: 10rem;height:5rem;margin:-2.5rem 0 0 -5rem;z-index: 99;border-radius: .25rem;box-shadow: 0 0 .5rem rgba(87,155,187,.12);border:1px solid #5da0c1;transition: .3s;transform: scale(0);
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
}
.errorbox.show{transform: scale(1);}
.errorbox p{padding:.5rem 1rem;text-align: center;}
.errorbox span{width: 3rem;height: 1.3rem;line-height: 1.3rem;color: #fff;text-align: center;display: block;margin:0 auto;background:#5da0c1;border-radius: 1rem;}